<div class="container" id="DeveloperRegister">
    <div class="row reg-content fadeInUp">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <h3 class="text-center">开发者注册</h3>
                <div class="row">
                    <div class="col-md-10 col-md-offset-2 col-sm-10 col-sm-offset-2">
                        <form class="form-horizontal reg-box" method="post" name="DeveloperForm" novalidate="novalidate" >
                            <div class="form-group has-feedback" ng-class="{'has-success':DeveloperForm.userCode.$valid,'has-error': DeveloperForm.userCode.$dirty && userCodeCheckResult!=0 }">
                                <label class="col-md-2 col-sm-2 control-label"><em class="must-point">*</em>账号：</label>
                                <div class="col-md-6 col-sm-6">
                                    <input type="text" class="form-control" name="userCode" placeholder="请输入账号" required ng-model='Developer.userCode' ng-change="checkUserCodeExists()" >
                                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':DeveloperForm.userCode.$valid && userCodeCheckResult==0,'glyphicon-remove':DeveloperForm.userCode.$dirty && userCodeCheckResult!=0}"></span>
                                </div>
                                <div class="col-md-4 message">
                                    <span ng-show="userCodeCheckResult!=0">账户名已存在！</span>
                                </div>
                            </div>
                            <div class="form-group has-feedback" ng-class="{'has-success':DeveloperForm.Email.$valid,'has-error':DeveloperForm.Email.$dirty && Developer.email== undefined || DeveloperForm.Email.$dirty && EmailCheckResult!=0}">
                                <label class="col-md-2 col-sm-2 control-label"><em class="must-point">*</em>邮箱：</label>
                                <div class="col-md-6 col-sm-6">
                                    <input type="email" class="form-control" name="Email" placeholder="请输入邮箱" required ng-model='Developer.email' ng-change="EmailCheckExists()" >
                                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':DeveloperForm.Email.$valid,'glyphicon-remove':DeveloperForm.Email.$dirty && Developer.email== undefined ||DeveloperForm.Email.$dirty && EmailCheckResult!=0 }"></span>
                                </div>
                                <div class="col-md-4 message">
                                    <span ng-show="EmailCheckResult!=0">{{EmailCheckMessage}}</span>
                                </div>
                            </div>
                            <div class="form-group has-feedback"  ng-class="{'has-success':DeveloperForm.EmailCode.$valid && EmailCodeVerifyResult==0,'has-error':DeveloperForm.EmailCode.$invalid && DeveloperForm.EmailCode.$dirty || EmailCodeVerifyResult != 0 && DeveloperForm.EmailCode.$dirty}">
                                <label class="col-md-2 col-sm-2 control-label"><em class="must-point">*</em>邮箱验证码：</label>
                                <div class="col-md-6 col-sm-6 ">
                                    <div class="input-group">
                                        <input type="text" id="EmailCode" name="EmailCode" class="form-control email" placeholder="请输入邮箱验证码" required ng-model="Developer.EmailCode" ng-change="verifyEmailCode()">
                                        <span class="input-group-btn">
                                            <button class="btn" ng-click="getEmailCode()" ng-disabled="SecondFlag">{{second==0||second==120?'获取邮箱验证码':second<10?'0'+second+'秒后重新获取':second+'秒后重新获取'}}</button>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-md-4 message">
                                    <span ng-show="EmailCodeVerifyResult!=0 && DeveloperForm.EmailCode.$dirty">邮箱验证码错误!</span>
                                    <!--<button class="btn" ng-click="getEmailCode()" ng-disabled="SecondFlag">{{second==0||second==120?'获取邮箱验证码':'验证码已发送，'+second+'秒有效'}}</button>-->
                                </div>
                            </div>
                            <div class="form-group has-feedback"  ng-class="{'has-success':DeveloperForm.Password.$valid,'has-error':DeveloperForm.Password.$invalid&&DeveloperForm.Password.$dirty}">
                                <label class="col-md-2 col-sm-2 control-label"><em class="must-point">*</em>密码：</label>
                                <div class="col-md-6 col-sm-6">
                                    <input type="password" id="Password" name="Password" class="form-control" placeholder="请输入密码" required ng-model="Developer.password">
                                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':DeveloperForm.Password.$valid,'glyphicon-remove':DeveloperForm.Password.$invalid&&DeveloperForm.Password.$dirty}" ></span>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <div class="form-group has-feedback" ng-class="{'has-success':DeveloperForm.Password.$valid&&DeveloperForm.rePassword.$dirty&&Developer.password==Developer.rePassword,'has-error':DeveloperForm.Password.$valid&&DeveloperForm.rePassword.$dirty&&Developer.password!=Developer.rePassword}">
                                <label class="col-md-2 col-sm-2 control-label"><em class="must-point">*</em>确认密码：</label>
                                <div class="col-md-6 col-sm-6">
                                    <input type="password" name="rePassword" class="form-control" placeholder="请输入确认密码" required ng-model="Developer.rePassword">
                                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':DeveloperForm.Password.$valid&&Developer.password==Developer.rePassword&&DeveloperForm.rePassword.$dirty,'glyphicon-remove':DeveloperForm.Password.$valid&&Developer.password!=Developer.rePassword&&DeveloperForm.rePassword.$dirty}" ></span>
                                </div>
                                <div class="col-md-4 message"><span ng-show="DeveloperForm.Password.$valid&&Developer.password!=Developer.rePassword&&DeveloperForm.rePassword.$dirty">*两次密码输入不一致</span></div>
                            </div>
                            <div class="form-group has-feedback"  ng-class="{'has-success':DeveloperForm.realName.$valid,'has-error':DeveloperForm.realName.$invalid&&DeveloperForm.realName.$dirty}">
                                <label class="col-md-2 col-sm-2 control-label"><em class="must-point">*</em>姓名：</label>
                                <div class="col-md-6 col-sm-6">
                                    <input type="text" id="realName" name="realName" class="form-control" placeholder="请输入姓名" required ng-model="Developer.realName">
                                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':DeveloperForm.realName.$valid,'glyphicon-remove':DeveloperForm.realName.$invalid&&DeveloperForm.realName.$dirty}" ></span>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <div class="form-group has-feedback"  ng-class="{'has-success':DeveloperForm.mobile.$valid,'has-error':DeveloperForm.mobile.$invalid&&DeveloperForm.mobile.$dirty}">
                                <label class="col-md-2 col-sm-2 control-label"><em class="must-point">*</em>手机号：</label>
                                <div class="col-md-6 col-sm-6">
                                    <input type="number" id="mobile" name="mobile" class="form-control" placeholder="请输入手机号" required ng-model="Developer.mobile">
                                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':DeveloperForm.mobile.$valid,'glyphicon-remove':DeveloperForm.mobile.$invalid&&DeveloperForm.mobile.$dirty}" ></span>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <div class="form-group has-feedback"  ng-class="{'has-success':DeveloperForm.identityNumber.$valid,'has-error':DeveloperForm.identityNumber.$invalid&&DeveloperForm.identityNumber.$dirty}">
                                <label class="col-md-2 col-sm-2 control-label"><em class="must-point">*</em>身份证号：</label>
                                <div class="col-md-6 col-sm-6">
                                    <input type="text" id="identityNumber" name="identityNumber" class="form-control" placeholder="请输入身份证号" required ng-model="Developer.identityNumber">
                                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':DeveloperForm.identityNumber.$valid,'glyphicon-remove':DeveloperForm.identityNumber.$invalid&&DeveloperForm.identityNumber.$dirty}" ></span>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <div class="form-group has-feedback"  ng-class="{'has-success':DeveloperForm.qq.$valid,'has-error':DeveloperForm.qq.$invalid&&DeveloperForm.qq.$dirty}">
                                <label class="col-md-2 col-sm-2 control-label"><em class="must-point">*</em>QQ：</label>
                                <div class="col-md-6 col-sm-6">
                                    <input type="number" id="qq" name="qq" class="form-control" placeholder="请输入QQ" required ng-model="Developer.qq">
                                    <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':DeveloperForm.qq.$valid,'glyphicon-remove':DeveloperForm.qq.$invalid&&DeveloperForm.qq.$dirty}" ></span>
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                            <div class="form-group has-feedback"  ng-class="{'has-success':DeveloperForm.verifyCode.$valid && ImageCodeVerifyResult==0,'has-error':DeveloperForm.verifyCode.$invalid && DeveloperForm.verifyCode.$dirty || ImageCodeVerifyResult != 0 && DeveloperForm.verifyCode.$dirty }">
                                <label class="col-md-2 col-sm-2 control-label"><em class="must-point">*</em>验证码：</label>
                                <div class="col-md-6 col-sm-6 ">
                                    <input type="text" name="verifyCode" class="form-control" placeholder="请输入验证码" required ng-model="Developer.verifyCode" ng-change="VerifyImageCode()">
                                </div>
                                <div class="col-md-4 col-sm-4 message">
                                    <img ng-src="{{img}}" alt="验证码" ng-click="getVerifyImage()">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-6  col-md-offset-2 col-sm-6  col-sm-offset-2 ">
                                    <div class="text-center mt reg-btn">
                                        <button ng-click="submitDeveloperForm(Developer)" class="btn btn-primary" ng-disabled="DeveloperForm.$invalid || ImageCodeVerifyResult != 0 || EmailCodeVerifyResult != 0 || userCodeCheckResult!=0">立即注册</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>